<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>舟山海味</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			a {
				text-decoration: none;
			}
			ul {
				list-style: none;
			}
			.center {
				width: 1000px;
				margin: 0 auto;
			}
			.food_bg {
				position: relative;
				height: 300px;
			}
			.food_bg img {
				position: absolute;
				width: 100%;
				height: 100%;
			}
			.food_bg h1 {
				position: absolute;
				top: 50px;
				left: 150px;
				color: #fff;
				
			}
			.food_bg p {
				position: absolute;
				top: 60px;
				left: 300px;
				color: #fff;
				font-size: 18px;
			}
			.food_bg .icon {
				position: absolute;
				display: flex;
				justify-content: space-evenly;
				width: 100%;
				top: 250px;
			}
			.food_bg .icon .item div {
				width: 100px;
				height: 100px;
				border: 2px solid #fff;
				border-radius: 50px;
				background: url(img/food/sea.png) no-repeat -10px -10px;				
			}
			.food_bg .icon .item:nth-child(2) div {
				background: url(img/food/sea.png) no-repeat -170px -10px;
			}
			.food_bg .icon .item:nth-child(3) div {
				background: url(img/food/sea.png) no-repeat -325px -10px;
			}
			.food_bg .icon .item:nth-child(4) div {
				background: url(img/food/sea.png) no-repeat -478px -10px;
			}
			.food_bg .icon .item:nth-child(1) div:hover {
				background: url(img/food/sea.png) no-repeat -12px -211px;
			}
			.food_bg .icon .item:nth-child(2) div:hover {
				background: url(img/food/sea.png) no-repeat -170px -211px;
			}
			.food_bg .icon .item:nth-child(3) div:hover {
				background: url(img/food/sea.png) no-repeat -330px -211px;
			}
			.food_bg .icon .item:nth-child(4) div:hover {
				background: url(img/food/sea.png) no-repeat -483px -211px;
			}
			.food_bg .icon .item a {
				display: block;
				text-align: center;
				color: #555;
			}
			/***************各大美食详情区*******************/
			.food_detail {
				background-color: #FFEAC1;
			}
			.food_detail ul li {
				display: flex;
				margin: 100px 0;
			}
			.food_detail ul li img {
				display: block;
				margin-right: 20px;
			}
			.food_detail ul li div h4 {
				font-size: 24px;
				margin-top: 20px;
				color: #AF7300;
			}
			.food_detail ul li div p {
				line-height: 2em;
				margin: 20px 0;
				color: #555;
			}
			.food_detail ul li div button {
				width: 100px;
				height: 30px;
				background-color: #FFA800;
				border: 0;
				font-weight: bold;
			}
			.food_detail ul li div button a {
				color: #fff;
				font-size: 18px;
			}
			.food_detail ul li:nth-child(2),.food_detail ul li:nth-child(4) {
				background-color: #fff;
				padding: 0 10px;
			}
			
		</style>
	</head>
	<body>
		<div class="nav">
			<iframe src="nav.html" frameborder="0" width="100%" height="100px" scrolling="no"></iframe>
		</div>
		<div class="food_bg">
			<img src="img/food/sea_bg.jpg" alt="">
			<h1>舟山海味</h1>
			<p>祖国渔都 为您推荐特色美食</p>
			<div class="icon">
				<div class="item">
					<div></div>
					<a href="#">海鲜排档</a>
				</div>
				<div class="item">
					<div></div>
					<a href="#">酒楼饭店</a>
				</div>
				<div class="item">
					<div></div>
						<a href="#">风味小吃</a>
				</div>
				<div class="item">
					<div></div>
					<a href="#">舟山心意</a>
				</div>
			</div>
		</div>
		<div class="food_detail">
			<div class="center">
				<ul>
					<li>
						<img src="img/food/hw11.png" alt="">
						<div>
							<h4>沈家门夜排档</h4>
							<p>沈家门夜排档共有近70家摊位，每当夜幕降临，“Y”字造型橙色铝板摊位屋一字排开，每个摊位前都摆着琳琅满目的新鲜海鲜，宛如一个小型海洋生物博物馆摊位上各类海鲜应有尽有，如大黄鱼、石斑鱼、比目鱼、带鱼、鲳鱼、鱿鱼等鱼类，虾、蟹、鲎等甲壳类及淡菜、蛏子、海螺等贝类。除了海鲜，还有各类蔬菜、肉蛋类、面食类等。海产品新鲜无比，更有活鲜海产品由氧气泵供氧，现吃现杀。菜肴价格公道，主人服务热情。夜排挡一年四季都有，夏季为最旺季，一般从下午五点（太阳下山时）起延续到凌晨一二点。沈家门夜排挡是舟山当地居民和外来游客体验舟山海鲜美食的首选地点。</p>
							<button><a href="food_show.html">查看详情</a></button>
						</div>
					</li>
					<li>
						
						<div>
							<h4>舟山定海千岛海鲜美食广场</h4>
							<p>舟山千岛海鲜城它突出“海鲜”，富有特色。近50家海鲜夜排档，一字排开，沿港而设。一顶顶塑料帐篷围起一方方小天地，像草原上的蒙古包。浓浓的鱼香味飘出来，弥漫在渔港夜空。黑的海鳗、黄的花鱼、白的龙头鱼、红的烤对虾；圆的方蛤、尖的海螺和张牙舞爪的梭子蟹——仿佛一座海洋生物馆。而且，这里价格公道，服务热情。临港而坐，在习习海风中一边品尝海鲜，一边观赏桅灯和明月相映的海港夜景，别有一番韵味。</p>
							<button><a href="#">查看详情</a></button>
						</div>
						<img src="img/food/hw21.png" alt="">
					</li>
					<li>
						<img src="img/food/hw31.png" alt="">
						<div>
							<h4>岱山海景夜排档</h4>
							<p>岱山作为全国十大渔业县之一，各种鱼类、虾类、贝类、蟹类等“集聚一堂”，仅鱼类就有300余种，被称为中国东海的一座“活鱼库”。 岱山海景夜排档位于高亭镇竹屿新区新庙后海塘。排挡一字排开，临海而建，场面壮观。每个摊位前都摆满了海鲜，顺着摆放整齐的海鲜桶一一看去，透骨新鲜的鱼、吐着细水的贝壳、活蹦乱跳的虾......品种之丰富令人目不暇接，光看着就让人食欲大增。客人既可和着海风，听着海声，观赏海边夜景，又可享受美食，感受偷得浮生一日闲的惬意和自在……</p>
							<button><a href="#">查看详情</a></button>
						</div>
					</li>
					<li>
						
						<div>
							<h4>嵊泗海鲜夜排档</h4>
							<p>舟山嵊泗菜园、金平两地渔港夜市海鲜小吃，又称“渔港夜排档”。它突出海鲜一个“鲜”字，富有特色。而且摊位之多，食客之众，场面闹猛。几十家海鲜夜排档，一字排开，沿港而设，四处飘逸着浓浓鱼香。餐桌上红的虎头鱼、黄的花鱼、白的龙头鱼；圆的沙蛤、尖的黄螺，还有张牙舞爪的梭子蟹……仿佛步入了海洋生物馆。炎炎夏日，夜幕降临，依港而坐，在习习海风中一边品尝海鲜，一边观赏桅灯和明月相映的渔港夜色，别有一番情趣。</p>
							<button><a href="#">查看详情</a></button>
						</div>
						<img src="img/food/hw41.png" alt="">
					</li>
					<li>
						<img src="img/food/hw51.png" alt="">
						<div>
							<h4>东极海鲜排档</h4>
							<p>来到东极必做的一件事就是吃原汁原味的海鲜。最早东极流传着一句佳话：东极除了人，其它都是野生的。足见东极海鲜之鲜美，东极海鲜在出水时间短，这边从海里捞起，这边就成了你桌上的美味，这种鲜只有你亲切尝过才知道。舟山方言中形容海鲜十分新鲜通常会说“透骨新鲜”。东极海鲜排档就是这么应用而生，排挡的海鲜都是当天渔民捕上来的新鲜货。东极海鲜排挡的特色是有几家是固定从早上开到半夜，也有晚上搭棚营业的。</p>
							<button><a href="#">查看详情</a></button>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="foot">
			<iframe src="foot.html" frameborder="0" width="100%" scrolling="no" height="300px"></iframe>
		</div>
	</body>
</html>